
<!doctype html>

<html lang="en">


	<head>

		<meta charset="utf-8"/>

		<title>Moons</title>

		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>

		<script src="scripts/scripts.js" language="javascript"></script>
 <script src="scripts/quiz1.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>

	</head>	
  
	<body onLoad="javascript:visiteclises()">
       
      

  
		<div>	<nav>
	<a href="moon.html" class="menu-link">Moon</a>
      <a href="moons.html" class="menu-link">Moon Structuer</a>
     	<a href="moonph.html" class="menu-link">Moon phases </a>
           <a href="eclises.html"class="menu-link">Eclipses</a>
		     <a href="test.html" id="test-link" class="menu-link">Test</a>
		    	</nav>
		    	</div>
	
		
		<section>

			<header>

				
      </header>
      	
		<h1> Lunar Eclipses  </h1>
		 <p> It is a phenomenon that occurs sometimes when the earth passes between the Moon and the Sun. </P>
		
		<ol> There are three types of lunar eclipses:
			<li>Penumbral Lunar Eclipse</li>
			<li>Partial Lunar Eclipse </li>
			<li>Total Lunar Eclipse </li>
			</ol>
			</br>
			</br>
			
			<h1>Total Lunar Eclipse </h1> 
		<img src="images/eclips.jpg" 
           alt="pictuer of lunar eclipse" title=" lunar eclipse"/>
           
</br> </br> </br>

<h1> Geometry of a Total Lunar Eclipse </h1>
<img src="images/luec.gif" 
           alt="A digram show how eclips occur" title ="eclipse"/>
           
 </section>
      
 <footer> 

 <hr/>
 <h4> References:</h4> 
 <cite>
Information from <a href="http://en.wikipedia.org/wiki/">  Wikipedia</a> 
 <br/>
Images from  <a href="http://creativecommons.org/"> creativecommons </a> 
</cite> 
 </footer>
</body>
</html>